<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org"
	xmlns:dt="http://github.com/dandelion/datatables"
	xmlns:sec="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>Req1 &middot; New Project User</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="Dhrubo" />

<!-- Le styles -->
<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap.css" th:href="@{/resources/css/bootstrap.css}" />
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}

@media ( max-width : 980px) {
	/* Enable use of floated navbar text */
	.navbar-text.pull-right {
		float: none;
		padding-left: 5px;
		padding-right: 5px;
	}
}
</style>
<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap-responsive.css"
	th:href="@{/resources/css/bootstrap-responsive.css}" />

<link rel="stylesheet" type="text/css" media="all"
	href="css/DT_bootstrap.css"
	th:href="@{/resources/css/DT_bootstrap.css}" />



</head>

<body>

	<div th:substituteby="fragments/userheader :: navbar"></div>

	<div class="container-fluid">
		<div class="row-fluid">

			<div class="span12">
				
				<div class="alert" th:if="${userPresent}">
    				<button type="button" class="close" data-dismiss="alert">&times;</button>
    				<strong th:utext="${warning}"></strong> <span th:utext="#{userpresent}"></span>
    			</div>
    			
    			<div class="alert alert-success" th:if="${userSaved}">
    				<button type="button" class="close" data-dismiss="alert">&times;</button>
    				<strong th:utext="${success}"></strong> <span th:utext="#{useraddedtoproject}"></span>
    			</div>
    			
    			
				
				<form action="authentication" 
					class="form-horizontal  well" th:object="${project}"
					method="post">

					
					<fieldset>
						<legend th:utext="#{addusertoproject}"></legend>
						
						<h4>
								<a th:href="@{editproject(project=${project.id})}" th:text="${project.name}"></a>
						</h4>	


					</fieldset>
				</form>


			</div>
			<!--/span-->
		</div>
		<!--/row-->
		
		
		<div class="row-fluid">

			<!--/span-->
			<div class="span12">

				<div th:substituteby="fragments/table-user :: usertable"></div>


			</div>
			<!--/span-->
		</div>

		<hr />

	</div>
	
	<div th:substituteby="fragments/userheader :: footer"></div>
	
	
	<!--/.fluid-container-->
	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->

	<script src="js/jquery.js" th:src="@{/resources/js/jquery.js}"></script>
	<script src="js/jquery.dataTables.js"
		th:src="@{/resources/js/jquery.dataTables.js}"></script>

	<script src="js/bootstrap-dropdown.js"
		th:src="@{/resources/js/bootstrap-dropdown.js}"></script>

	<script src="js/bootstrap-alert.js"
		th:src="@{/resources/js/bootstrap-alert.js}"></script>

	<script src="js/DT_bootstrap.js"
		th:src="@{/resources/js/DT_bootstrap.js}"></script>

</body>
</html>
